<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">


			//新建ul节点
			var newul = document.createElement("ul");
			
			function fun (li1){
				var divid = document.getElementById("div1");
				var newLi1 = document.createElement("li");
				newLi1.appendChild(li1);
				newul.appendChild(newLi1);
				divid.appendChild(newul);
			}
			
			
			window.onload = function(){
				fun(document.createTextNode("奔驰"));
				fun(document.createTextNode("宝马"));
				fun(document.createTextNode("五菱宏光"));
				document.getElementsByTagName("li")[0].innerHTML= "悍马";
			}
			
		</script>
	</head> 
	<body>
		<!--
        	作者：offline
        	时间：2019-02-25
        	描述：先创建一个带div ul  li  input 的网页，
        	//1、在下方的div中添加一个ul标签
        	//2、在ul标签下创建三个li标签，并在li标签中添加文本节点，例如奔驰、宝马、五菱宏光
        	//3、获取第一个li标签中的节点并修改其文本子节点的值为悍马
        -->
		
		<div id="div1"></div>

	</body>
</html>
